{% extends "items/base_items.html" %}

{% load dash_filters %}

{% block mystylesheet %}
    <link rel="stylesheet" href="/mymedia/css/style-icon-images.css" type="text/css" />
    <link rel="stylesheet" href="/mymedia/css/styleMati.css" type="text/css" />
{% endblock mystylesheet%}

{% block menuOptionsSelected %}
    <ul class="menu-options">
        <li class="menu-item"><a href="/dash/dashboard/">Dashboard</a></li>
        <li class="menu-item"><a href="/dash/logbook/">Logbook</a></li>
        <li class="menu-item"><a href="/dash/topicos/">Topicos</a></li>
    </ul>
{% endblock menuOptionsSelected %}

{% block item %}
    <div class="item-content">
        <div class="item-header">
            <div class="item-nombre">{{ empresa.razon_social }}</div>
            <div class="item-score">
                <img src="/mymedia/images/dashboard-content-item-header-score.png" class="item-score-image" alt="Score">
                {{ empresa.user.followers.count }}
            </div>
            <div class="clear"></div>
        </div>
        <div class="item-body">
            <div class="item-image-big">
            {% if empresa.avatar %}
                <img src="{{ empresa.avatar.url_100x100 }}" alt="Logo" />
            {% else %}
                    <img src="/mymedia/images/020.png" alt="Logo" />
            {% endif%}
            </div>
            <div class="item-descripcion-big">{{ empresa.razon_social }}</div>
            <div class="item-image-all">
                <ul class="image-list">
                    <li class="image-little"><img src="{{ empresa.avatar.url_50x50 }}" alt="Score"></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <div class="item-footer">
            <div class="item-details">
                <div class="stadistic-fan sidebar-stadistic-item">
                    <div class="stadistic-num">{{ empresa.user.followers.count }}</div>
                    <div class="stadistic-nom">Fan</div>
                </div>
                <div class="stadistic-fan sidebar-stadistic-item">
                    <div class="stadistic-num">##</div>
                    <div class="stadistic-nom">Recomendaciones</div>
                </div>
            </div>
            <div class="item-buttons">
                <a href="/dash/follow/request/{{ empresa.user_id }}"><img src="/mymedia/images/item-button-fan.png" alt="Fan" /></a>
                <!--<a href="#" ><img src="/mymedia/images/item-button-me-gusta.png" alt="Me gusta" /></a>-->
                <a href="#" ><img src="/mymedia/images/item-button-recomendar.png" alt="Recomendar" /></a>
                <a href="#" ><img src="/mymedia/images/item-button-denunciar.png" alt="Denunciar" /></a>
            </div>
            <a href="/social/consulta_a_empresa/{{ empresa.user_id }}"><div class="empresa-consulta">Enviar consulta</div></a>
            <div class="clear"></div>
        </div>
    </div>
{% endblock item %}

{% block extra %}
    <div class="items-empresa">
        <div class="items-content">
            <div class="items-header-text">Podes conseguir estos productos:</div>
            <div class="items-list"></div>
        </div>
    </div>
    <div class="clear"></div>
{% endblock extra %}

{% block comments %}
{% endblock comments %}
